import {
	FileTextOutlined,
	FileImageOutlined,
	ApiOutlined,
	TableOutlined,
	CreditCardOutlined,
} from "@ant-design/icons-vue";
import { rightTabsOpts } from "../rightTabsOpts/rightTabsOpts";
import { basicAttrsStyles } from "../cpnsAttrsStyles/basicAttrsStyles";
// 基础组件
export const basicCpns = [
	{
		type: "text",
		label: "文本",
		icon: FileTextOutlined,
		componentName: "Text",
		rightTabsOpts: rightTabsOpts["one"],
		...basicAttrsStyles("text", { w: 100, h: 40 }),
	},
	{
		type: "picture",
		label: "图片",
		icon: FileImageOutlined,
		componentName: "Picture",
		rightTabsOpts: rightTabsOpts["one"],
		// ...basicAttrsStyles['picture']
	},
	{
		type: "linkOuter",
		label: "外链",
		icon: ApiOutlined,
		componentName: "LinkOuter",
		rightTabsOpts: rightTabsOpts["one"],
		// ...basicAttrsStyles['linkOuter']
	},
	{
		type: "table",
		label: "表格",
		icon: TableOutlined,
		componentName: "Table",
		rightTabsOpts: rightTabsOpts["one"],
		// ...basicAttrsStyles['table']
	},
	{
		type: "card",
		label: "指标卡",
		componentName: "Card",
		icon: CreditCardOutlined,
		rightTabsOpts: rightTabsOpts["one"],
		// ...basicAttrsStyles['card']
	},
];
